<!--这是已购买的课程记录-->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('course-record-page/css/courserecord.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-center"></a>

    <h1 class="title">我的购买记录({{buyClassCount}})</h1>
</header>
<div class="content" ng-init="showBuyClass()">
    <div class="card" ng-repeat="class in buyClass">
        <div class="card-header">{{class.aClass.classTitle}}</div>
        <div class="card-content" ng-click="getClassInfo(class.orderClassId)">
            <div class="list-block media-list">
                <ul>
                    <li class="item-content">
                        <div class="item-media">
                            <img ng-if="!class.aClass.classImg" ng-src="page/home-page/img/3.png" width="100">
                            <img ng-if="class.aClass.classImg" ng-src="{{class.aClass.classImg}}" width="100">
                        </div>
                        <div class="item-inner">
                            <div class="class-details">{{class.aClass.classDetail| cut:true:40:' ...'}}</div>
                            <div class="item-subtitle date">{{class.orderDate|date:'yyyy-MM-dd'}}</div>
                        </div>

                    </li>
                </ul>
            </div>
        </div>
        <div class="card-footer">
            <span class="money">￥{{class.aClass.classPrice}}</span>

            <p><a href="" class="button button-danger" ng-click="deleteBuyClass(class.orderId)">删除</a></p>
        </div>
    </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>
<div ng-if="buyClassCount==0" class="card" style="border: none">
    <div class="card-picture" style="padding-top: 3rem;width: 5rem;margin: 0 auto">
        <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
    </div>
    <div style="width: 5rem;margin: 0 auto;text-align: center;color: #eaeaea">暂无购买记录</div>

</div>
<!--内容区-->
<div ng-init="suiMobileInit()"></div>